<template>
  <div>
    <h1>dropdown下拉 菜单</h1>
    <!--
        组件名:el-dropdown
                  默认插槽：默认展示 内容
                  具名插槽（dropdown）:菜单内容
                     el-dropdown-menu
                         el-dropdown-item  菜单项
        点击事件
           el-dropdown-item  command="标识"
           el-dropdown  @command="(command)=>{command:点击项的标识}"
      -->
    <!-- 需求：列出广东省下面的市
         广东
            广州
            深圳
       -->

    <el-dropdown @command="commandEvent">
      <h1>广东</h1>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item command="gz">广州</el-dropdown-item>
          <el-dropdown-item command="sz">深圳</el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>
  </div>
</template>
<script>
export default {
  methods: {
    commandEvent(command) {
      console.log(command)
    }
  }
}
</script>
<style></style>
